<!DOCTYPE html>
<html>
<head>
   <style>
      body { overflow: hidden; }
      p {
	 color: rgba(255,0,0,.4);
         margin: 5px;
         white-space: nowrap;
      }			
   </style>
</head>
<body>
<div id="underline20">
<p  style="font: bold 20px Georgia;text-decoration: underline;">
   Check if the underline is thick enough for 20px
</p>
</div>
<div id="underline40">
<p style="font: bold 40px Georgia;text-decoration: underline">
   Check if the underline is thick enough for 40px   
</p>
</div>
<p id="linethrough20" style="font: bold 20px Georgia;text-decoration: line-through;">
   Check if the line-through is thick enough for 20px
</p>
<p id="linethrough40"style="font: bold 40px Georgia;text-decoration: line-through">
   Check if the line-through is thick enough for 40px
</p>
<p id="overline20"style="font: bold 20px Georgia;text-decoration: overline;">
   Check if the overline is thick enough for 20px
</p>
<p id="overline40" style="font: bold 40px Georgia;text-decoration: overline">
   Check if the overline is thick enough for 40px
</p>
</body>
</html>
